<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmListarModuloOpcion">
        <p:focus context="frmListarModuloOpcion" />
        <table>
            <tbody>
                <tr>
                    <td>
                        <p:dataTable id="grdListadoModuloOpcionBus" 
                                     value="#{opcionController.lstOpcionPadre}" 
                                     var="item" rowKey="#{item.id}"
                                     selectionMode="single" 
                                     selection="#{opcionController.selectedOpcionPadre}" 
                                     scrollable="true" scrollHeight="200"
                                     rowIndexVar="index"
                                     emptyMessage="Filtro sin resultados.">
                             <p:column width="30" style="text-align: center;" >
                                 <f:facet name="header">
                                     <h:outputText value="N°"/>
                                 </f:facet>
                                 <h:outputText value="#{index+1}"/>
                             </p:column>
                             <p:column width="220" style="text-align: center;" >
                                 <f:facet name="header">
                                     <h:outputText value="Opción"/>
                                 </f:facet>
                                 <div style="text-align: left;" > 
                                     <h:outputText value="#{item.txtOpcion}" >
                                     </h:outputText>
                                 </div>          
                             </p:column>
                            <p:column width="30" style="text-align:center;">
                                <p:commandButton icon="ui-icon-check"
                                                 actionListener="#{opcionController.actualizaOpcionSeleccion(item)}"
                                                 oncomplete="buscaOpcionModulo.hide()"  
                                                 style="width:20px; height: 20px;" 
                                                 update=":frmDetalleOpcion:txtModuloOpcionPadre"/>
                            </p:column>
                        </p:dataTable>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p:toolbar style="padding: 3px;">
                            <p:toolbarGroup align="right">
                                <p:commandButton process="@this"  
                                                 value="Cerrar" icon="ui-icon-close" 
                                                 onclick="buscaOpcionModulo.hide()" 
                                                 update=":frmDetalleOpcion:txtModuloOpcionPadre"/>
                            </p:toolbarGroup>
                        </p:toolbar>
                    </td>
                </tr>
            </tbody>
        </table>
    </h:form>
</ui:composition>